<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
    <title>DustForge</title>
    <link rel="stylesheet prefetch" href="./css/style.css">
    <link rel="stylesheet prefetch" href="./layer/layer.css">
    <link rel="styldesignesheet prefetch" href="./css/swiper.css">
    <link rel="stylesheet prefetch" href="./index.css">

    <script src="./js/rem.js"></script>
    <script src="./js/currency.js"></script>
    <script src="./js/jquery.js"></script>
    <script src="./layer/layer.js"></script>
    <script src="./js/vue.js"></script>
    <script src="./js/swiper.js"></script>
    <style>

    </style>
</head>

<body>
    <div id="index" v-cloak>
        <haeder-control :status="1" color="red"></haeder-control>
        <haeder-nav ></haeder-nav>
    </div>
    <!-- 引入组件 -->
    <script type="module" src="./components/haeder_control.js"></script>
    <script type="module" src="./components/haeder_nav.js"></script>

    <script>
        var vm = new Vue({
            el: '#index',
            data: {
                navArr: ['NEWS', 'COMPANY', 'DUST FORGE MEDICAL'],
            },
            watch: {


            },
            computed: {//
            },
            methods: {

            }, 
            created() {
            },
            mounted() {

            }
        })
    </script>
</body>

</html>